#set($pageTitle = '首页')
#set($layout = 'eslayout.vm')
#set($navbar = ['店铺首页', '所有商品', '热销款', '秋冬新品', '男鞋', '女鞋', '公司简介'])
#set($pageCtrl = 'storeIndex')
<link rel="stylesheet" type="text/css" href="./css/index.css">
#parse('/layout/eslayout/body-search.htm')
#parse('/layout/eslayout/body-navbar.htm')

<div class="carousel">
	<div class="flexslider">
		<ul class="slides">
			<li>
				<a href="#">
					<img src="/img/swiper-bg.png" alt="">
				</a>
			</li>
			<li>
				<a href="#">
					<img src="/img/swiper-bg.png" alt="">
				</a>
			</li>
			<li>
				<a href="#">
					<img src="/img/swiper-bg.png" alt="">
				</a>
			</li>
		</ul>
	</div><!-- flexslider -->
</div><!-- carousel -->

<div class="hot-sale margin-top-50">
	<div class="inner">
		<div class="head-line">
			<div class="text">热销商品</div>
			<div class="lines"></div>
		</div>
		<div class="tips">ON SALE</div>
		<div class="show-area clearfix">
			<div class="left float-l">
				<div class="flexslider">
					<ul class="slides">
						<li>
							<a href="#">
								<span class="hot">HOT</span>
								<img src="/img/shoes1.png" alt="">
								<div class="price clearfix">
									<span class="num"><i>￥</i> 1399</span>
									<span class="data">成交: <i>300</i> 笔</span>
									<span class="data">已有 <i>100</i> 人评价</span>
								</div>
								<div class="title">黑色系带高帮平底男鞋 黑色系带高帮平底男鞋黑色系带 </div>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="/img/shoes1.png" alt="">
								<div class="price clearfix">
									<span class="num"><i>￥</i> 1399</span>
									<span class="data">成交: <i>300</i> 笔</span>
									<span class="data">已有 <i>100</i> 人评价</span>
								</div>
								<div class="title">黑色系带高帮平底男鞋 黑色系带高帮平底男鞋黑色系带 </div>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="/img/shoes1.png" alt="">
								<div class="price clearfix">
									<span class="num"><i>￥</i> 1399</span>
									<span class="data">成交: <i>300</i> 笔</span>
									<span class="data">已有 <i>100</i> 人评价</span>
								</div>
								<div class="title">黑色系带高帮平底男鞋 黑色系带高帮平底男鞋黑色系带 </div>
							</a>
						</li>
					</ul>
				</div><!-- flexslider -->
			</div><!-- left -->
			<div class="right float-r clearfix">
				<div class="one-block margin-r">
					<span class="hot sm">HOT</span>
					<img src="/img/shoes2.png" alt="">
					<div class="price clearfix">
						<p class="num"><i>￥</i> 1399</p>
						<span class="data margin-r">成交: <i>300</i> 笔</span>
						<span class="data">已有 <i>100</i> 人评价</span>
					</div>
					<div class="title">黑色系带高帮平底男鞋 黑色系带高帮平底男鞋黑色系带 </div>
				</div><!-- one-block -->
				<div class="one-block">
					<span class="hot sm">HOT</span>
					<img src="/img/shoes2.png" alt="">
					<div class="price clearfix">
						<p class="num"><i>￥</i> 1399</p>
						<span class="data margin-r">成交: <i>300</i> 笔</span>
						<span class="data">已有 <i>100</i> 人评价</span>
					</div>
					<div class="title">黑色系带高帮平底男鞋 黑色系带高帮平底男鞋黑色系带 </div>
				</div><!-- one-block -->
				<div class="one-block margin-r">
					<span class="hot sm">HOT</span>
					<img src="/img/shoes2.png" alt="">
					<div class="price clearfix">
						<p class="num"><i>￥</i> 1399</p>
						<span class="data margin-r">成交: <i>300</i> 笔</span>
						<span class="data">已有 <i>100</i> 人评价</span>
					</div>
					<div class="title">黑色系带高帮平底男鞋 黑色系带高帮平底男鞋黑色系带 </div>
				</div><!-- one-block -->
				<div class="one-block">
					<span class="hot sm">HOT</span>
					<img src="/img/shoes2.png" alt="">
					<div class="price clearfix">
						<p class="num"><i>￥</i> 1399</p>
						<span class="data margin-r">成交: <i>300</i> 笔</span>
						<span class="data">已有 <i>100</i> 人评价</span>
					</div>
					<div class="title">黑色系带高帮平底男鞋 黑色系带高帮平底男鞋黑色系带 </div>
				</div><!-- one-block -->
			</div><!-- right -->
		</div><!-- show-area -->
	</div><!-- inner -->
</div><!-- hot-sale -->

<div class="new-sale margin-top-50">
	<div class="inner">
		<div class="head-line">
			<div class="text">最新商品</div>
			<div class="lines"></div>
		</div>
		<div class="tips">NEW ARRIVAL</div>
		<div class="show-area">
			<div class="flexslider">
				<ul class="slides">
					<li>
						<div class="main-area clearfix">
							<a href="#">
								<img src="/img/shoes3.png" alt="">
								<p class="price">￥1399</p>
								<p class="title">黑色系带高帮平底男鞋非常帅</p>
							</a>
							<a href="#">
								<img src="/img/shoes3.png" alt="">
								<p class="price">￥1399</p>
								<p class="title">黑色系带高帮平底男鞋非常帅</p>
							</a>
							<a href="#">
								<img src="/img/shoes3.png" alt="">
								<p class="price">￥1399</p>
								<p class="title">黑色系带高帮平底男鞋非常帅</p>
							</a>
							<a href="#">
								<img src="/img/shoes3.png" alt="">
								<p class="price">￥1399</p>
								<p class="title">黑色系带高帮平底男鞋非常帅</p>
							</a>
							<a href="#">
								<img src="/img/shoes3.png" alt="">
								<p class="price">￥1399</p>
								<p class="title">黑色系带高帮平底男鞋非常帅</p>
							</a>
						</div><!-- main-area -->
					</li>
					<li>
						<div class="main-area clearfix">
							<a href="#">
								<img src="/img/shoes3.png" alt="">
								<p class="price">￥1399</p>
								<p class="title">黑色系带高帮平底男鞋非常帅</p>
							</a>
							<a href="#">
								<img src="/img/shoes3.png" alt="">
								<p class="price">￥1399</p>
								<p class="title">黑色系带高帮平底男鞋非常帅</p>
							</a>
							<a href="#">
								<img src="/img/shoes3.png" alt="">
								<p class="price">￥1399</p>
								<p class="title">黑色系带高帮平底男鞋非常帅</p>
							</a>
							<a href="#">
								<img src="/img/shoes3.png" alt="">
								<p class="price">￥1399</p>
								<p class="title">黑色系带高帮平底男鞋非常帅</p>
							</a>
							<a href="#">
								<img src="/img/shoes3.png" alt="">
								<p class="price">￥1399</p>
								<p class="title">黑色系带高帮平底男鞋非常帅</p>
							</a>
						</div><!-- main-area -->
					</li>
				</ul><!-- slides -->
			</div><!-- flexslider -->
		</div><!-- show-area -->
	</div><!-- inner -->
</div><!-- new-sale -->

<div class="recommend margin-top-50">
	<div class="inner">
		<div class="head-line">
			<div class="text">推荐商品</div>
			<div class="lines"></div>
		</div>
		<div class="tips">RECOMMENDED PRODUCT</div>
		<div class="show-area margin-top-50 clearfix">
			<a class="one-block" href="#">
				<img src="/img/shoes4.png" alt="">
				<div class="price clearfix">
					<p class="num float-l"><i>￥</i> 1399</p>
					<span class="data float-l">已有 <i>100</i> 人评价</span>
					<span class="data float-r">成交: <i>300</i> 笔</span>
				</div>
				<p class="title">黑色系带高帮平底男鞋 黑色系带高帮平底男鞋黑色系带高帮平底男鞋</p>
			</a><!-- one-block -->
			<a class="one-block" href="#">
				<img src="/img/shoes4.png" alt="">
				<div class="price clearfix">
					<p class="num float-l"><i>￥</i> 1399</p>
					<span class="data float-l">已有 <i>100</i> 人评价</span>
					<span class="data float-r">成交: <i>300</i> 笔</span>
				</div>
				<p class="title">黑色系带高帮平底男鞋 黑色系带高帮平底男鞋黑色系带高帮平底男鞋</p>
			</a><!-- one-block -->
			<a class="one-block" href="#">
				<img src="/img/shoes4.png" alt="">
				<div class="price clearfix">
					<p class="num float-l"><i>￥</i> 1399</p>
					<span class="data float-l">已有 <i>100</i> 人评价</span>
					<span class="data float-r">成交: <i>300</i> 笔</span>
				</div>
				<p class="title">黑色系带高帮平底男鞋 黑色系带高帮平底男鞋黑色系带高帮平底男鞋</p>
			</a><!-- one-block -->
			<a class="one-block" href="#">
				<img src="/img/shoes4.png" alt="">
				<div class="price clearfix">
					<p class="num float-l"><i>￥</i> 1399</p>
					<span class="data float-l">已有 <i>100</i> 人评价</span>
					<span class="data float-r">成交: <i>300</i> 笔</span>
				</div>
				<p class="title">黑色系带高帮平底男鞋 黑色系带高帮平底男鞋黑色系带高帮平底男鞋</p>
			</a><!-- one-block -->
			<a class="one-block" href="#">
				<img src="/img/shoes4.png" alt="">
				<div class="price clearfix">
					<p class="num float-l"><i>￥</i> 1399</p>
					<span class="data float-l">已有 <i>100</i> 人评价</span>
					<span class="data float-r">成交: <i>300</i> 笔</span>
				</div>
				<p class="title">黑色系带高帮平底男鞋 黑色系带高帮平底男鞋黑色系带高帮平底男鞋</p>
			</a><!-- one-block -->
			<a class="one-block" href="#">
				<img src="/img/shoes4.png" alt="">
				<div class="price clearfix">
					<p class="num float-l"><i>￥</i> 1399</p>
					<span class="data float-l">已有 <i>100</i> 人评价</span>
					<span class="data float-r">成交: <i>300</i> 笔</span>
				</div>
				<p class="title">黑色系带高帮平底男鞋 黑色系带高帮平底男鞋黑色系带高帮平底男鞋</p>
			</a><!-- one-block -->
			<a class="one-block" href="#">
				<img src="/img/shoes4.png" alt="">
				<div class="price clearfix">
					<p class="num float-l"><i>￥</i> 1399</p>
					<span class="data float-l">已有 <i>100</i> 人评价</span>
					<span class="data float-r">成交: <i>300</i> 笔</span>
				</div>
				<p class="title">黑色系带高帮平底男鞋 黑色系带高帮平底男鞋黑色系带高帮平底男鞋</p>
			</a><!-- one-block -->
			<a class="one-block" href="#">
				<img src="/img/shoes4.png" alt="">
				<div class="price clearfix">
					<p class="num float-l"><i>￥</i> 1399</p>
					<span class="data float-l">已有 <i>100</i> 人评价</span>
					<span class="data float-r">成交: <i>300</i> 笔</span>
				</div>
				<p class="title">黑色系带高帮平底男鞋 黑色系带高帮平底男鞋黑色系带高帮平底男鞋</p>
			</a><!-- one-block -->
		</div><!-- show-area -->
	</div><!-- inner -->
</div><!-- recommend -->
<script type="text/javascript">
	window.onload = function() {
		require([__uri('/store/index/js/responsive.js')]);
	}
</script>